<form class="form-horizontal">
								<div class="control-group">
									<label class="control-label" for="form-field-1">Text Field</label>

									<div class="controls">
										<input type="text" id="form-field-1" placeholder="Username">
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="form-field-2">Password Field</label>

									<div class="controls">
										<input type="password" id="form-field-2" placeholder="Password">
										<span class="help-inline">Inline help text</span>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="form-input-readonly">Readonly field</label>

									<div class="controls">
										<input readonly="" type="text" id="form-input-readonly" value="This text field is readonly!">
										&nbsp; &nbsp;
										<input class="ace" type="checkbox" id="id-disable-check">
										<label class="lbl" for="id-disable-check"> Disable it!</label>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="form-field-4">Relative Sizing</label>

									<div class="controls">
										<input class="input-mini" type="text" id="form-field-4" placeholder=".input-mini">
										<div class="help-block ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="input-size-slider" aria-disabled="false" style="width: 200px;"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 0%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a></div>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="form-field-5">Grid Sizing</label>

									<div class="controls">
										<input class="span1" type="text" id="form-field-5" placeholder=".span1">
										<input class="span11" type="text" placeholder=".span11">
										<div class="help-block ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="input-span-slider" aria-disabled="false"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 0%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a></div>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label">Input with Icon</label>

									<div class="controls">
										<span class="input-icon">
											<input type="text" id="form-field-icon-1">
											<i class="icon-leaf"></i>
										</span>

										<span class="input-icon input-icon-right">
											<input type="text" id="form-field-icon-2">
											<i class="icon-leaf"></i>
										</span>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="form-field-6">Tooltip and help button</label>

									<div class="controls">
										<input data-rel="tooltip" type="text" id="form-field-6" placeholder="Tooltip on hover" title="" data-placement="bottom" data-original-title="Hello Tooltip!">
										<span class="help-button" data-rel="popover" data-trigger="hover" data-placement="left" data-content="More details." title="" data-original-title="Popover on hover">?</span>
									</div>
								</div>

								<div class="space-4"></div>

								<div class="control-group">
									<label class="control-label" for="form-field-tags">Tag input</label>

									<div class="controls"><div class="tags"><span class="tag">Tag Input Control<button type="button" class="close">×</button></span><input type="text" name="tags" id="form-field-tags" value="Tag Input Control" placeholder="Enter tags ..." style="display: none;"><input type="text" placeholder="Enter tags ..."></div>
										
									</div>
								</div>

								<div class="form-actions">
									<button class="btn btn-info" type="button">
										<i class="icon-ok bigger-110"></i>
										Submit
									</button>

									&nbsp; &nbsp; &nbsp;
									<button class="btn" type="reset">
										<i class="icon-undo bigger-110"></i>
										Reset
									</button>
								</div>

								<div class="hr"></div>

								<div class="row-fluid">
									<div class="span4">
										<div class="widget-box">
											<div class="widget-header">
												<h4>Text Area</h4>

												<span class="widget-toolbar">
													<a href="#" data-action="collapse">
														<i class="icon-chevron-up"></i>
													</a>

													<a href="#" data-action="close">
														<i class="icon-remove"></i>
													</a>
												</span>
											</div>

											<div class="widget-body">
												<div class="widget-main">
													<div class="row-fluid">
														<label for="form-field-8">Default</label>

														<textarea class="span12" id="form-field-8" placeholder="Default Text"></textarea>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="form-field-9">With Character Limit</label>

														<textarea class="span12 limited" id="form-field-9" maxlength="50"></textarea>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="form-field-11">Autosize</label>

														<textarea id="form-field-11" class="autosize-transition span12" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 50px;"></textarea>
													</div>
												</div>
											</div>
										</div>
									</div><!-- /span -->

									<div class="span4">
										<div class="widget-box">
											<div class="widget-header">
												<h4>Masked Input</h4>

												<span class="widget-toolbar">
													<a href="#" data-action="settings">
														<i class="icon-cog"></i>
													</a>

													<a href="#" data-action="reload">
														<i class="icon-refresh"></i>
													</a>

													<a href="#" data-action="collapse">
														<i class="icon-chevron-up"></i>
													</a>

													<a href="#" data-action="close">
														<i class="icon-remove"></i>
													</a>
												</span>
											</div>

											<div class="widget-body">
												<div class="widget-main">
													<div class="row-fluid">
														<label for="form-field-mask-1">
															Date
															<small class="text-success">99/99/9999</small>
														</label>

														<div class="input-append">
															<input class="input-small input-mask-date" type="text" id="form-field-mask-1">
															<span class="btn btn-small">
																<i class="icon-calendar bigger-110"></i>
																Go!
															</span>
														</div>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="form-field-mask-2">
															Phone
															<small class="text-warning">(999) 999-9999</small>
														</label>

														<div class="input-prepend">
															<span class="add-on">
																<i class="icon-phone"></i>
															</span>

															<input class="input-medium input-mask-phone" type="text" id="form-field-mask-2">
														</div>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="form-field-mask-3">
															Product Key
															<small class="text-error">a*-999-a999</small>
														</label>

														<div class="input-prepend">
															<span class="add-on">
																<i class="icon-key"></i>
															</span>

															<input class="input-medium input-mask-product" type="text" id="form-field-mask-3">
														</div>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="form-field-mask-4">
															Eye Script
															<small class="text-info">~9.99 ~9.99 999</small>
														</label>

														<div>
															<input class="input-medium input-mask-eyescript" type="text" id="form-field-mask-4">
														</div>
													</div>
												</div>
											</div>
										</div>
									</div><!-- /span -->

									<div class="span4">
										<div class="widget-box">
											<div class="widget-header">
												<h4>Select Box</h4>

												<span class="widget-toolbar">
													<a href="#" data-action="settings">
														<i class="icon-cog"></i>
													</a>

													<a href="#" data-action="reload">
														<i class="icon-refresh"></i>
													</a>

													<a href="#" data-action="collapse">
														<i class="icon-chevron-up"></i>
													</a>

													<a href="#" data-action="close">
														<i class="icon-remove"></i>
													</a>
												</span>
											</div>

											<div class="widget-body">
												<div class="widget-main">
													<div class="row-fluid">
														<label for="form-field-select-1">Default</label>

														<select id="form-field-select-1">
															<option value="">&nbsp;</option>
															<option value="AL">Alabama</option>
															<option value="AK">Alaska</option>
															<option value="AZ">Arizona</option>
															<option value="AR">Arkansas</option>
															<option value="CA">California</option>
															<option value="CO">Colorado</option>
															<option value="CT">Connecticut</option>
															<option value="DE">Delaware</option>
															<option value="FL">Florida</option>
															<option value="GA">Georgia</option>
															<option value="HI">Hawaii</option>
															<option value="ID">Idaho</option>
															<option value="IL">Illinois</option>
															<option value="IN">Indiana</option>
															<option value="IA">Iowa</option>
															<option value="KS">Kansas</option>
															<option value="KY">Kentucky</option>
															<option value="LA">Louisiana</option>
															<option value="ME">Maine</option>
															<option value="MD">Maryland</option>
															<option value="MA">Massachusetts</option>
															<option value="MI">Michigan</option>
															<option value="MN">Minnesota</option>
															<option value="MS">Mississippi</option>
															<option value="MO">Missouri</option>
															<option value="MT">Montana</option>
															<option value="NE">Nebraska</option>
															<option value="NV">Nevada</option>
															<option value="NH">New Hampshire</option>
															<option value="NJ">New Jersey</option>
															<option value="NM">New Mexico</option>
															<option value="NY">New York</option>
															<option value="NC">North Carolina</option>
															<option value="ND">North Dakota</option>
															<option value="OH">Ohio</option>
															<option value="OK">Oklahoma</option>
															<option value="OR">Oregon</option>
															<option value="PA">Pennsylvania</option>
															<option value="RI">Rhode Island</option>
															<option value="SC">South Carolina</option>
															<option value="SD">South Dakota</option>
															<option value="TN">Tennessee</option>
															<option value="TX">Texas</option>
															<option value="UT">Utah</option>
															<option value="VT">Vermont</option>
															<option value="VA">Virginia</option>
															<option value="WA">Washington</option>
															<option value="WV">West Virginia</option>
															<option value="WI">Wisconsin</option>
															<option value="WY">Wyoming</option>
														</select>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="form-field-select-2">Multiple</label>

														<select id="form-field-select-2" multiple="multiple">
															<option value="AL">Alabama</option>
															<option value="AK">Alaska</option>
															<option value="AZ">Arizona</option>
															<option value="AR">Arkansas</option>
															<option value="CA">California</option>
															<option value="CO">Colorado</option>
															<option value="CT">Connecticut</option>
															<option value="DE">Delaware</option>
															<option value="FL">Florida</option>
															<option value="GA">Georgia</option>
															<option value="HI">Hawaii</option>
															<option value="ID">Idaho</option>
															<option value="IL">Illinois</option>
															<option value="IN">Indiana</option>
															<option value="IA">Iowa</option>
															<option value="KS">Kansas</option>
															<option value="KY">Kentucky</option>
															<option value="LA">Louisiana</option>
															<option value="ME">Maine</option>
															<option value="MD">Maryland</option>
															<option value="MA">Massachusetts</option>
															<option value="MI">Michigan</option>
															<option value="MN">Minnesota</option>
															<option value="MS">Mississippi</option>
															<option value="MO">Missouri</option>
															<option value="MT">Montana</option>
															<option value="NE">Nebraska</option>
															<option value="NV">Nevada</option>
															<option value="NH">New Hampshire</option>
															<option value="NJ">New Jersey</option>
															<option value="NM">New Mexico</option>
															<option value="NY">New York</option>
															<option value="NC">North Carolina</option>
															<option value="ND">North Dakota</option>
															<option value="OH">Ohio</option>
															<option value="OK">Oklahoma</option>
															<option value="OR">Oregon</option>
															<option value="PA">Pennsylvania</option>
															<option value="RI">Rhode Island</option>
															<option value="SC">South Carolina</option>
															<option value="SD">South Dakota</option>
															<option value="TN">Tennessee</option>
															<option value="TX">Texas</option>
															<option value="UT">Utah</option>
															<option value="VT">Vermont</option>
															<option value="VA">Virginia</option>
															<option value="WA">Washington</option>
															<option value="WV">West Virginia</option>
															<option value="WI">Wisconsin</option>
															<option value="WY">Wyoming</option>
														</select>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="form-field-select-3">Chosen</label>

														<select class="chosen-select" id="form-field-select-3" data-placeholder="Choose a Country..." style="display: none;">
															<option value="">&nbsp;</option>
															<option value="AL">Alabama</option>
															<option value="AK">Alaska</option>
															<option value="AZ">Arizona</option>
															<option value="AR">Arkansas</option>
															<option value="CA">California</option>
															<option value="CO">Colorado</option>
															<option value="CT">Connecticut</option>
															<option value="DE">Delaware</option>
															<option value="FL">Florida</option>
															<option value="GA">Georgia</option>
															<option value="HI">Hawaii</option>
															<option value="ID">Idaho</option>
															<option value="IL">Illinois</option>
															<option value="IN">Indiana</option>
															<option value="IA">Iowa</option>
															<option value="KS">Kansas</option>
															<option value="KY">Kentucky</option>
															<option value="LA">Louisiana</option>
															<option value="ME">Maine</option>
															<option value="MD">Maryland</option>
															<option value="MA">Massachusetts</option>
															<option value="MI">Michigan</option>
															<option value="MN">Minnesota</option>
															<option value="MS">Mississippi</option>
															<option value="MO">Missouri</option>
															<option value="MT">Montana</option>
															<option value="NE">Nebraska</option>
															<option value="NV">Nevada</option>
															<option value="NH">New Hampshire</option>
															<option value="NJ">New Jersey</option>
															<option value="NM">New Mexico</option>
															<option value="NY">New York</option>
															<option value="NC">North Carolina</option>
															<option value="ND">North Dakota</option>
															<option value="OH">Ohio</option>
															<option value="OK">Oklahoma</option>
															<option value="OR">Oregon</option>
															<option value="PA">Pennsylvania</option>
															<option value="RI">Rhode Island</option>
															<option value="SC">South Carolina</option>
															<option value="SD">South Dakota</option>
															<option value="TN">Tennessee</option>
															<option value="TX">Texas</option>
															<option value="UT">Utah</option>
															<option value="VT">Vermont</option>
															<option value="VA">Virginia</option>
															<option value="WA">Washington</option>
															<option value="WV">West Virginia</option>
															<option value="WI">Wisconsin</option>
															<option value="WY">Wyoming</option>
														</select><div class="chosen-container chosen-container-single" style="width: 220px;" title="" id="form_field_select_3_chosen"><a class="chosen-single" tabindex="-1"><span>&nbsp;</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off"></div><ul class="chosen-results"></ul></div></div>
													</div>

													<hr>
													<div class="row-fluid">
														<div class="row-fluid">
															<div class="span7">
																<span class="bigger-110">Multiple</span>
															</div><!-- /span -->

															<div class="span5">
																<span class="pull-right inline">
																	<span class="grey">style:</span>

																	<span class="btn-toolbar inline middle no-margin">
																		<span id="chosen-multiple-style" data-toggle="buttons-radio" class="btn-group no-margin">
																			<button type="button" class="btn btn-mini btn-yellow active">1</button>
																			<button type="button" class="btn btn-mini btn-yellow">2</button>
																		</span>
																	</span>
																</span>
															</div><!-- /span -->
														</div>

														<select multiple="" class="chosen-select" id="form-field-select-4" data-placeholder="Choose a Country..." style="display: none;">
															<option value="">&nbsp;</option>
															<option value="AL">Alabama</option>
															<option value="AK">Alaska</option>
															<option value="AZ">Arizona</option>
															<option value="AR">Arkansas</option>
															<option value="CA">California</option>
															<option value="CO">Colorado</option>
															<option value="CT">Connecticut</option>
															<option value="DE">Delaware</option>
															<option value="FL">Florida</option>
															<option value="GA">Georgia</option>
															<option value="HI">Hawaii</option>
															<option value="ID">Idaho</option>
															<option value="IL">Illinois</option>
															<option value="IN">Indiana</option>
															<option value="IA">Iowa</option>
															<option value="KS">Kansas</option>
															<option value="KY">Kentucky</option>
															<option value="LA">Louisiana</option>
															<option value="ME">Maine</option>
															<option value="MD">Maryland</option>
															<option value="MA">Massachusetts</option>
															<option value="MI">Michigan</option>
															<option value="MN">Minnesota</option>
															<option value="MS">Mississippi</option>
															<option value="MO">Missouri</option>
															<option value="MT">Montana</option>
															<option value="NE">Nebraska</option>
															<option value="NV">Nevada</option>
															<option value="NH">New Hampshire</option>
															<option value="NJ">New Jersey</option>
															<option value="NM">New Mexico</option>
															<option value="NY">New York</option>
															<option value="NC">North Carolina</option>
															<option value="ND">North Dakota</option>
															<option value="OH">Ohio</option>
															<option value="OK">Oklahoma</option>
															<option value="OR">Oregon</option>
															<option value="PA">Pennsylvania</option>
															<option value="RI">Rhode Island</option>
															<option value="SC">South Carolina</option>
															<option value="SD">South Dakota</option>
															<option value="TN">Tennessee</option>
															<option value="TX">Texas</option>
															<option value="UT">Utah</option>
															<option value="VT">Vermont</option>
															<option value="VA">Virginia</option>
															<option value="WA">Washington</option>
															<option value="WV">West Virginia</option>
															<option value="WI">Wisconsin</option>
															<option value="WY">Wyoming</option>
														</select><div class="chosen-container chosen-container-multi" style="width: 220px;" title="" id="form_field_select_4_chosen"><ul class="chosen-choices"><li class="search-choice"><span>Alaska</span><a class="search-choice-close" data-option-array-index="2"></a></li><li class="search-choice"><span>Arizona</span><a class="search-choice-close" data-option-array-index="3"></a></li><li class="search-choice"><span>Arkansas</span><a class="search-choice-close" data-option-array-index="4"></a></li><li class="search-choice"><span>Colorado</span><a class="search-choice-close" data-option-array-index="6"></a></li><li class="search-field"><input type="text" value="Choose a Country..." class="" autocomplete="off" style="width: 25px;"></li></ul><div class="chosen-drop"><ul class="chosen-results"><li class="active-result" style="" data-option-array-index="0">&nbsp;</li><li class="active-result" style="" data-option-array-index="1">Alabama</li><li class="result-selected" style="" data-option-array-index="2">Alaska</li><li class="result-selected" style="" data-option-array-index="3">Arizona</li><li class="result-selected" style="" data-option-array-index="4">Arkansas</li><li class="active-result" style="" data-option-array-index="5">California</li><li class="result-selected" style="" data-option-array-index="6">Colorado</li><li class="active-result" style="" data-option-array-index="7">Connecticut</li><li class="active-result" style="" data-option-array-index="8">Delaware</li><li class="active-result" style="" data-option-array-index="9">Florida</li><li class="active-result" style="" data-option-array-index="10">Georgia</li><li class="active-result" style="" data-option-array-index="11">Hawaii</li><li class="active-result" style="" data-option-array-index="12">Idaho</li><li class="active-result" style="" data-option-array-index="13">Illinois</li><li class="active-result" style="" data-option-array-index="14">Indiana</li><li class="active-result" style="" data-option-array-index="15">Iowa</li><li class="active-result" style="" data-option-array-index="16">Kansas</li><li class="active-result" style="" data-option-array-index="17">Kentucky</li><li class="active-result" style="" data-option-array-index="18">Louisiana</li><li class="active-result" style="" data-option-array-index="19">Maine</li><li class="active-result" style="" data-option-array-index="20">Maryland</li><li class="active-result" style="" data-option-array-index="21">Massachusetts</li><li class="active-result" style="" data-option-array-index="22">Michigan</li><li class="active-result" style="" data-option-array-index="23">Minnesota</li><li class="active-result" style="" data-option-array-index="24">Mississippi</li><li class="active-result" style="" data-option-array-index="25">Missouri</li><li class="active-result" style="" data-option-array-index="26">Montana</li><li class="active-result" style="" data-option-array-index="27">Nebraska</li><li class="active-result" style="" data-option-array-index="28">Nevada</li><li class="active-result" style="" data-option-array-index="29">New Hampshire</li><li class="active-result" style="" data-option-array-index="30">New Jersey</li><li class="active-result" style="" data-option-array-index="31">New Mexico</li><li class="active-result" style="" data-option-array-index="32">New York</li><li class="active-result" style="" data-option-array-index="33">North Carolina</li><li class="active-result" style="" data-option-array-index="34">North Dakota</li><li class="active-result" style="" data-option-array-index="35">Ohio</li><li class="active-result" style="" data-option-array-index="36">Oklahoma</li><li class="active-result" style="" data-option-array-index="37">Oregon</li><li class="active-result" style="" data-option-array-index="38">Pennsylvania</li><li class="active-result" style="" data-option-array-index="39">Rhode Island</li><li class="active-result" style="" data-option-array-index="40">South Carolina</li><li class="active-result" style="" data-option-array-index="41">South Dakota</li><li class="active-result" style="" data-option-array-index="42">Tennessee</li><li class="active-result" style="" data-option-array-index="43">Texas</li><li class="active-result" style="" data-option-array-index="44">Utah</li><li class="active-result" style="" data-option-array-index="45">Vermont</li><li class="active-result" style="" data-option-array-index="46">Virginia</li><li class="active-result" style="" data-option-array-index="47">Washington</li><li class="active-result" style="" data-option-array-index="48">West Virginia</li><li class="active-result" style="" data-option-array-index="49">Wisconsin</li><li class="active-result" style="" data-option-array-index="50">Wyoming</li></ul></div></div>
													</div>
												</div>
											</div>
										</div>
									</div><!-- /span -->
								</div><!-- /row -->

								<div class="space-24"></div>

								<h3 class="header smaller lighter blue">
									Checkboxes &amp; Radio
									<small>All Checkboxes, Radios and Switch Buttons Are Pure CSS</small>
								</h3>

								<div class="row-fluid">
									<div class="span5">
										<div class="control-group">
											<label class="control-label">Checkbox</label>

											<div class="controls">
												<label>
													<input name="form-field-checkbox" type="checkbox" class="ace">
													<span class="lbl"> choice 1</span>
												</label>

												<label>
													<input name="form-field-checkbox" type="checkbox" class="ace">
													<span class="lbl"> choice 2</span>
												</label>

												<label>
													<input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox">
													<span class="lbl"> choice 3</span>
												</label>

												<label>
													<input name="form-field-checkbox" disabled="" type="checkbox" class="ace">
													<span class="lbl"> disabled</span>
												</label>
											</div>
										</div>
									</div>

									<div class="span6">
										<div class="control-group">
											<label class="control-label">Radio</label>

											<div class="controls">
												<label>
													<input name="form-field-radio" type="radio" class="ace">
													<span class="lbl"> radio option 1</span>
												</label>

												<label>
													<input name="form-field-radio" type="radio" class="ace">
													<span class="lbl"> radio option 2</span>
												</label>

												<label>
													<input name="form-field-radio" type="radio" class="ace">
													<span class="lbl"> radio option 3</span>
												</label>

												<label>
													<input disabled="" name="form-field-radio" type="radio" class="ace">
													<span class="lbl"> disabled</span>
												</label>
											</div>
										</div>
									</div>
								</div><!-- /row -->

								<hr>
								<div class="control-group">
									<label class="control-label">On/Off Switches</label>

									<div class="controls">
										<div class="row-fluid">
											<div class="span3">
												<label>
													<input name="switch-field-1" class="ace ace-switch" type="checkbox">
													<span class="lbl"></span>
												</label>
											</div>

											<div class="span3">
												<label>
													<input name="switch-field-1" class="ace ace-switch ace-switch-2" type="checkbox">
													<span class="lbl"></span>
												</label>
											</div>

											<div class="span3">
												<label>
													<input name="switch-field-1" class="ace ace-switch ace-switch-3" type="checkbox">
													<span class="lbl"></span>
												</label>
											</div>
										</div>

										<div class="row-fluid">
											<div class="span3">
												<label>
													<input name="switch-field-1" class="ace ace-switch ace-switch-4" type="checkbox">
													<span class="lbl"></span>
												</label>
											</div>

											<div class="span3">
												<label>
													<input name="switch-field-1" class="ace ace-switch ace-switch-5" type="checkbox">
													<span class="lbl"></span>
												</label>
											</div>

											<div class="span3">
												<label>
													<input name="switch-field-1" class="ace ace-switch ace-switch-6" type="checkbox">
													<span class="lbl"></span>
												</label>
											</div>

											<div class="span3">
												<label>
													<input name="switch-field-1" class="ace ace-switch ace-switch-7" type="checkbox">
													<span class="lbl"></span>
												</label>
											</div>
										</div>
									</div>
								</div>

								<hr>
								<div class="row-fluid">
									<div class="span4">
										<div class="widget-box">
											<div class="widget-header">
												<h4>Custom File Input</h4>

												<span class="widget-toolbar">
													<a href="#" data-action="collapse">
														<i class="icon-chevron-up"></i>
													</a>

													<a href="#" data-action="close">
														<i class="icon-remove"></i>
													</a>
												</span>
											</div>

											<div class="widget-body">
												<div class="widget-main">
													<div class="ace-file-input"><input type="file" id="id-input-file-2"><label class="file-label" data-title="Choose"><span class="file-name" data-title="No File ..."><i class="icon-upload-alt"></i></span></label><a class="remove" href="#"><i class="icon-remove"></i></a></div>
													<div class="ace-file-input ace-file-multiple"><input multiple="" type="file" id="id-input-file-3"><label class="file-label" data-title="Drop files here or click to choose"><span class="file-name" data-title="No File ..."><i class="icon-cloud-upload"></i></span></label><a class="remove" href="#"><i class="icon-remove"></i></a></div>
													<label>
														<input type="checkbox" name="file-format" id="id-file-format" class="ace">
														<span class="lbl"> Allow only images</span>
													</label>
												</div>
											</div>
										</div>
									</div>

									<div class="span4">
										<div class="widget-box">
											<div class="widget-header">
												<h4>jQuery UI Sliders</h4>
											</div>

											<div class="widget-body">
												<div class="widget-main">
													<div class="row-fluid">
														<div class="span1">
															<div id="slider-range" class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" aria-disabled="false" style="height: 200px;"><div class="ui-slider-range ui-widget-header ui-corner-all" style="bottom: 17%; height: 50%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="bottom: 17%;"></a><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="bottom: 67%;"></a></div>
														</div>

														<div class="span11">
															<div id="eq">
																<span class="ui-slider-green ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false" style="width: 90%; float: left; margin: 15px;"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 77%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 77%;"></a></span>
																<span class="ui-slider-red ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false" style="width: 90%; float: left; margin: 15px;"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 55.00000000000001%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 55.00000000000001%;"></a></span>
																<span class="ui-slider-purple ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false" style="width: 90%; float: left; margin: 15px;"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 33%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 33%;"></a></span>
																<span class="ui-slider-orange ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false" style="width: 90%; float: left; margin: 15px;"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 40%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 40%;"></a></span>
																<span class="ui-slider-dark ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false" style="width: 90%; float: left; margin: 15px;"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 88%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 88%;"></a></span>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>

									<div class="span4">
										<div class="widget-box">
											<div class="widget-header">
												<h4>Spinners</h4>
											</div>

											<div class="widget-body">
												<div class="widget-main">
													<div class="ace-spinner"><div class="input-append"><input type="text" class="input-mini spinner-input" id="spinner1" maxlength="3" style="width: 30px;"><div class="spinner-buttons btn-group btn-group-vertical">						<button type="button" class="btn spinner-up btn-mini btn-info">						<i class="icon-chevron-up"></i>						</button>						<button type="button" class="btn spinner-down btn-mini btn-info">						<i class="icon-chevron-down"></i>						</button>						</div></div></div>
													<div class="space-6"></div>

													<div class="ace-spinner"><div class="input-append"><input type="text" class="input-mini spinner-input" id="spinner2" maxlength="5" style="width: 50px;"><div class="spinner-buttons btn-group btn-group-vertical">						<button type="button" class="btn spinner-up btn-mini ">						<i class="icon-caret-up"></i>						</button>						<button type="button" class="btn spinner-down btn-mini ">						<i class="icon-caret-down"></i>						</button>						</div></div></div>
													<div class="space-6"></div>

													<div class="ace-spinner"><div class="input-append"><input type="text" class="input-mini spinner-input" id="spinner3" maxlength="3" style="width: 30px;"><div class="spinner-buttons btn-group btn-group-vertical">						<button type="button" class="btn spinner-up btn-mini btn-success">						<i class="icon-plus"></i>						</button>						<button type="button" class="btn spinner-down btn-mini btn-danger">						<i class="icon-minus"></i>						</button>						</div></div></div>
												</div>
											</div>
										</div>
									</div>
								</div>

								<hr>
								<div class="row-fluid">
									<div class="span4">
										<div class="widget-box">
											<div class="widget-header">
												<h4>Date Picker</h4>

												<span class="widget-toolbar">
													<a href="#" data-action="settings">
														<i class="icon-cog"></i>
													</a>

													<a href="#" data-action="reload">
														<i class="icon-refresh"></i>
													</a>

													<a href="#" data-action="collapse">
														<i class="icon-chevron-up"></i>
													</a>

													<a href="#" data-action="close">
														<i class="icon-remove"></i>
													</a>
												</span>
											</div>

											<div class="widget-body">
												<div class="widget-main">
													<div class="row-fluid">
														<label for="id-date-picker-1">Date Picker</label>
													</div>

													<div class="control-group">
														<div class="row-fluid input-append">
															<input class="span10 date-picker" id="id-date-picker-1" type="text" data-date-format="dd-mm-yyyy">
															<span class="add-on">
																<i class="icon-calendar"></i>
															</span>
														</div>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="id-date-range-picker-1">Date Range Picker</label>
													</div>

													<div class="control-group">
														<div class="row-fluid input-prepend">
															<span class="add-on">
																<i class="icon-calendar"></i>
															</span>

															<input class="span10" type="text" name="date-range-picker" id="id-date-range-picker-1">
														</div>
													</div>

													<hr>
													<div class="row-fluid">
														<label for="timepicker1">Time Picker</label>
													</div>

													<div class="control-group">
														<div class="input-append bootstrap-timepicker"><div class="bootstrap-timepicker-widget dropdown-menu"><table><tbody><tr><td><a href="#" data-action="incrementHour"><i class="icon-chevron-up"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="incrementMinute"><i class="icon-chevron-up"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="incrementSecond"><i class="icon-chevron-up"></i></a></td></tr><tr><td><input type="text" name="hour" class="bootstrap-timepicker-hour" maxlength="2"></td> <td class="separator">:</td><td><input type="text" name="minute" class="bootstrap-timepicker-minute" maxlength="2"></td> <td class="separator">:</td><td><input type="text" name="second" class="bootstrap-timepicker-second" maxlength="2"></td></tr><tr><td><a href="#" data-action="decrementHour"><i class="icon-chevron-down"></i></a></td><td class="separator"></td><td><a href="#" data-action="decrementMinute"><i class="icon-chevron-down"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="decrementSecond"><i class="icon-chevron-down"></i></a></td></tr></tbody></table></div>
															<input id="timepicker1" type="text" class="input-small">
															<span class="add-on">
																<i class="icon-time"></i>
															</span>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>


						
								</div>
							</form>